<jsp:include page="template/include-header.jsp" />

<!-- start of left column -->
<div id="content" class="left_column">
	<div id="content_header">Edit Personal Information</div>
	<div id="content_padded">
	<!-- form starts here  -->
		<form id="formID" class="formular customForm" method="post" action="">
			<fieldset>
				<legend>Profile Information</legend>
					<div><label>First Name</label><input value=""
							class="validate[required] text-input" type="text" name="req"
							id="req" /></div>
					<div><label>Last Name</label><input value=""
							class="validate[required] text-input" type="text" name="req"
							id="req" /></div>
					<div><label>Job Title</label><input value=""
							class="validate[required] text-input" type="text" name="req"
							id="req" /></div>
					<div><label>Profile Picture</label><input value=""
							class="" type="text" name="req"
							id="req" /><input class="submit" type="submit" value="Browse" /> </div>
			</fieldset>
			
			
    		<div id="showhidetarget">
			<fieldset>
				<legend>Add Contact Information</legend>
					<div><label>Phone</label><input value=""
							class="validate[required] text-input" type="text" name="req"
							id="req" /></div>
					<div><label>Corporate E-mail</label><input value=""
							class="validate[required] text-input" type="text" name="req"
							id="req" /></div>
						
			</fieldset>
			
			<fieldset>
				<legend>Add Secondary E-mails</legend>
					<div><label>Search and Add E-mails</label>
					<input value="" class="" type="text" name="req"
							id="req" /><input class="submit" type="submit" value="Add" /></div>
					<div><label>Secondary E-mails</label>
					<textarea rows="4" cols="40"></textarea></div>
			</fieldset>
		
			<fieldset>
				<legend>Supplementary Details</legend>
					<div><label>Time Zone</label>	
					<select name="timeZone" id="timeZone" class="validate[required] text-input">
                        <option value="">Choose a time zone</option>
                        <option value="">(GMT -05:00) Eastern Time (US & Canada)</option>
                        <option value="">(GMT -05:00) Indiana (East)</option>
                    </select>
                    </div>
					<div><label>Time Format</label>	
					<select name="timeFormat" id="timeFormat" class="">
                        <option value="">Choose a time format</option>
                        <option value="">12-hour</option>
                        <option value="">24-hour</option>
                    </select>
                    </div>
					<div><label>Start Work Time</label>
						<select name="startWorkTime" id="startWorkTime" class="validate[required] text-input">
                        <option value="">Choose your start work time</option>
                        <option value="">00:00</option>
                        <option value="">00:30</option>
                        <option value="">01:00</option>
                        <option value="">01:30</option>
                        <option value="">02:00</option>
                    </select>
                    </div>
					<div><label>End Work Time</label>
						<select name="endWorkTime" id="endWorkTime" class="validate[required] text-input">
                        <option value="">Choose your end work time</option>
                        <option value="">00:00</option>
                        <option value="">00:30</option>
                        <option value="">01:00</option>
                        <option value="">01:30</option>
                        <option value="">02:00</option>
                    </select>
                    </div>
					<div><label>Preferred Languages</label>
						<select name="preferredLanguage" id="preferredLanguage" class="">
                        <option value="">Choose your preferred language</option>
                        <option value="">English</option>
                        <option value="">Spanish</option>
                        <option value="">French</option>
                        <option value="">Simplified Chinese</option>
                    </select>
                    </div>
                    <div><label>Password</label>
					<input value="" class="" type="text" name="req"
							id="req" /></div>
					<div><label>Confirm Password</label>
					<input value="" class="" type="text" name="req"
							id="req" /></div>
					
			</fieldset>
			</div>
			
			<input class="submit" type="submit" value="Save Changes" /> or <a id="showhidetrigger" href="#">Provide more details</a>
			<hr />
		</form>
	</div>
	<!-- end padding -->
</div>
<!-- end of left column -->

<!-- start of right column -->

<div class="right_column">
	<p>Expanding your networks?</p>
	<p>Import and Export your contacts into GlobaTrek today.</p>
</div>

<!-- end of right column -->

<jsp:include page="template/include-footer.jsp" />


